<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>蔚蓝档案 | 游戏专栏</title>
  <link rel="stylesheet" href="../css/global.css" />
  <link rel="stylesheet" href="../css/games.css" />
  <style>
    /* 蔚蓝档案专属样式 - 清新二次元风格 */
    body {
      background-color: #e8f4ff;
      color: #445566;
      background-image: linear-gradient(to bottom, #e8f4ff 0%, #d9e9ff 100%);
    }

    .site-header h1 {
      color: #4a86e8;
      text-shadow: 1px 1px 2px #aac8ff;
      border-bottom: 2px solid #4a86e8;
      font-family: 'Arial Rounded MT Bold', 'Hiragino Maru Gothic ProN', sans-serif;
    }

    .site-nav a:hover {
      color: #4a86e8;
    }

    h2,
    h3 {
      color: #3366cc;
      border-left: 4px solid #4a86e8;
      padding-left: 10px;
      font-family: 'Arial Rounded MT Bold', 'Hiragino Maru Gothic ProN', sans-serif;
    }

    .content {
      background-color: #fff;
      padding: 25px;
      border-radius: 16px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      border: 1px solid #c8dfff;
    }

    blockquote {
      background-color: #f0f8ff;
      border-left: 4px solid #4a86e8;
      color: #5577aa;
    }

    .btn {
      background-color: #4a86e8;
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 20px;
      transition: background-color 0.3s;
      box-shadow: 0 2px 5px rgba(74, 134, 232, 0.3);
    }

    .btn:hover {
      background-color: #3a76d8;
      transform: translateY(-2px);
    }

    ul li {
      margin-bottom: 8px;
      padding-left: 5px;
    }

    ul li::marker {
      color: #4a86e8;
      content: "★ ";
    }

    .meta {
      background-color: #f0f8ff;
      padding: 10px;
      border-radius: 8px;
      border-left: 3px solid #4a86e8;
    }

    p,
    li {
      line-height: 1.6;
    }
  </style>
</head>

<body>
  <header class="site-header">
    <h1>蔚蓝档案</h1>
    <nav class="site-nav">
      <a href="../index.html">首页</a>
      <a href="../html/game-research/index.html">游戏研究</a>
      <a href="index.html">游戏专栏</a>
    </nav>
  </header>
  <main class="content">
    <div class="detail-header">
      <div class="meta">英文名：Blue Archive ｜ 年份：2021 ｜ 类型：战术RPG ｜ 平台：iOS/Android ｜ 开发商：Nexon Games</div>
    </div>
    <img src="../images/blue-archive.jpg" alt="蔚蓝档案"
      style="width:100%;border-radius:16px;box-shadow:0 4px 12px rgba(74,134,232,.3);margin:15px 0;" />
    <article>
      <h2>概述</h2>
      <p>
        《蔚蓝档案》是一款二次元风格的战术RPG手游，以学园都市"基沃托斯"为舞台，玩家扮演教师角色，指导具有特殊能力的学生们解决城市中的各种事件。游戏融合了轻松有趣的日常剧情与紧张刺激的战斗系统，角色设计精美，故事温暖感人，音乐质量极高，为玩家提供了独特的游戏体验。
      </p>

      <h3>版本与更新</h3>
      <ul>
        <li>2021年2月：日本版正式上线</li>
        <li>2021年11月：全球版正式发布</li>
        <li>2022年4月：首次大型活动"伊甸园条约篇"第一章</li>
        <li>2022年9月：新增"战术对抗赛"PvP模式</li>
        <li>2023年1月：主线剧情第三部更新</li>
        <li>2023年6月：与《莱莎的炼金工房》联动活动</li>
      </ul>

      <h3>推荐理由（要点）</h3>
      <ul>
        <li>机制/系统：独特的战术指挥系统，需要合理部署学生位置；技能连锁系统可创造强大 combo 效果；基地建设提供额外资源收集和角色互动。</li>
        <li>内容/规模：主线剧情分为多个章节，每章都有完整的故事线；超过100名可收集学生，每个都有独立剧情；定期活动更新保持内容新鲜度。</li>
        <li>口碑/影响：日本App Store畅销榜常驻前20名；获得2021年Google Play年度最佳游戏提名；玩家社区活跃，二次创作丰富。</li>
      </ul>

      <h3>适合人群</h3>
      <p>二次元游戏爱好者；喜欢轻松温馨故事的玩家；收集养成类游戏玩家；战术RPG爱好者；寻求高质量手机游戏体验的玩家。</p>
    </article>
  </main>
  <footer class="container">
    <a class="btn" href="index.html">← 返回游戏专栏</a>
  </footer>
</body>

</html>